<template>
  <div class="orders-page">
    <h2 class="page-title">我的订单</h2>
    <p class="page-desc">这里是订单列表内容区域</p>
  </div>
</template>

<script setup>
import { onMounted } from 'vue'

onMounted(() => {
  console.log('订单页面加载完成')
})
</script>

<style scoped lang="less">
.orders-page {
  .page-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 16px 0;
  }

  .page-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
  }
}
</style>
